<!DOCTYPE html>
<html lang="en">
<head>
<!-- start header-link.html-->
<meta charset="UTF-8">
<title>找回密码</title>
<!-- <link rel="stylesheet" type="text/css" href="../css/normalize.css" /> -->
<link rel="stylesheet" type="text/css" href="../css/style.css" />


<!-- end header-link.html-->
</head>
<body>
    <div class="stfind" id='stfind-bind'>
<!-- start login-header.html-->
<div class="stlogin-header">
	<div class="stlogin-header--con">
		<a class="logo">
			<img src="../images/logo.png">
		</a>
		<a class="shopname"><span></span>找回密码</a>
	</div>
</div>
<!-- end login-header.html-->
	    <div class="stfind-main">
	    	<div class="stfind-nav">
	    	    <ul class="stfind-nav--ul">
	    	    	<li class="item active">
	    	    	    输入账号
	    	    	    <span class="dian"></span>
	    	    	</li>
	    	    	<li class="item">验证身份</li>
	    	    	<li class="item">设置新密码</li>
	    	    	<li class="item">完成</li>
	    	    </ul>
	    	</div>
	    	<div class="stfind-con">
	    	    <div class="stfind-con--item">
                    <div class="enlogin">
		    		 	<div class="enlogin-input m-t15 m-b15">
		    		 		<input id="usName" class="enlogin-input--en" type="text" placeholder="账号/手机号" />
		    		 		<span class="enlogin-input--ico"></span>
		    		 	</div>
		    		 	<span class='checkerr' id='checkeName'>
		    		 	     <i class='glyphicon glyphicon-exclamation-sign'></i>
		    		 	     <span>格式不正确</span>
		    		 	</span>
		    		 	<botton class='btn100 m-t15'>下一步</botton>
		    		 </div>
	    		</div>
	    		<div class="stfind-con--item">
                    <div class="enlogin">
                        <div class="teleKey clearfix m-t15">
                            <span>选择验证方式 :</span>
			    		 	<div class="enlogin-input">
			    		 		<input id='usCode' class="enlogin-input--en" type="text" placeholder="验证码" />
			    		 		<span class="enlogin-input--ico"></span>
			    		 	</div>
		    		 	</div>
		    		 	<div class="checkcode clearfix m-t15">
			    		 	<div class="enlogin-input">
			    		 		<input id='usCode' class="enlogin-input--en" type="text" placeholder="右侧验证码" />
			    		 		<span class="enlogin-input--ico"></span>
			    		 	</div>
			    		 	<div class="checkcode-right">
			    		 		 <span class="nextpage">换一张</span>
			    		 		 <span class="code" value='uead'></span>
			    		 	</div>
		    		 	</div>
		    		 	<div class="sxcode clearfix m-t15">
			    		 	<div class="enlogin-input">
			    		 		<input id='usCode' class="enlogin-input--en" type="text" placeholder="短信验证码" />
			    		 		<span class="enlogin-input--ico"></span>
			    		 	</div>
			    		 	<div class="sxcode-right">获取短信验证码</div>
		    		 	</div>
		    		 	<span class='checkerr' id='checkeName'>
		    		 	     <i class='glyphicon glyphicon-exclamation-sign'></i>
		    		 	     <span>格式不正确</span>
		    		 	</span>
		    		 	<botton class='btn100 m-t15'>下一步</botton>
		    		 </div>
	    		</div>
	    		<div class="stfind-con--item">
                    <div class="enlogin">
		    		 	<div class="enlogin-input m-t15 m-b15">
		    		 		<input id="usName" class="enlogin-input--en" type="text" placeholder="输入新密码" />
		    		 		<span class="enlogin-input--ico"></span>
		    		 	</div>
		    		 	<div class="enlogin-input m-t15 m-b15">
		    		 		<input id="usName" class="enlogin-input--en" type="text" placeholder="再次输入新密码" />
		    		 		<span class="enlogin-input--ico"></span>
		    		 	</div>
		    		 	<span class='checkerr' id='checkeName'>
		    		 	     <i class='glyphicon glyphicon-exclamation-sign'></i>
		    		 	     <span>两次密码不正确</span>
		    		 	</span>
		    		 	<botton class='btn100 m-t15'>下一步</botton>
		    		 </div>
	    		</div>
	    		<div class="stfind-con--item">
                    <div class="success">
                         <div class='up'>
                         	 <i class="glyphicon glyphicon-ok-circle"></i>
                         	 <span>恭喜你找回密码成功</span>
                         </div>
                         <div class='down'>
                         	  您现在可以<a href="javascript:;">登入</a>或返回<a href="javascript:;">装甲龙首页</a>
                         </div>
		    		</div>
	    		</div>
	    	</div>
	    </div>
    </div>
    <div class="stfindTypePop">
        <div class="selectType">
		    <div class="enlogin bor-t">
			 	<div class="enlogin-title clearfix">
			 		 <span class="left">请选择账户类型</span>
			 	</div>
			 	<div class="enlogin-input select m-t15 m-b15">
    		 		<select class='enlogin-input--en'>
    		 		    <option>账户类型1</option>
    		 		    <option>账户类型1</option>
    		 		    <option>账户类型1</option>
    		 		</select>
    		 <!-- 		<span class="enlogin-input--ico">
    		 			<i class="glyphicon glyphicon-menu-down"></i>
    		 		</span> -->
	    		 </div>
			 	<div class="twobtn clearfix">
			 		<botton class='btn100 btn40'>取消</botton>
			 		<botton id='setype'class='btn100 btn55'>下一步</botton>
			 	</div>
			 </div>
		 </div>
    </div>
</body>
<!-- start script-link.html-->
<script src='../js/lib/jquery.min.js'></script>

<script type="text/javascript" src="../js/lib/umeditor/third-party/template.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/lib/umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/lib/umeditor/umeditor.min.js"></script>
<script type="text/javascript" src="../js/lib/umeditor/lang/zh-cn/zh-cn.js"></script> 

<script src='../js/lib/require.js'></script>
<script src='../js/app.js'></script>
<script src='../js/utils/common.js'></script>
<!-- end script-link.html-->
<script type="text/javascript">
	require(['../js/controller/st-findpwd'],function(fp){
         $("#setype").click(fp.enCloseSetype);
	})
</script>
</html>